<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
  	<meta charset="utf-8">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<title>${SYSTEM_NAME}</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layuiadmin/layui/css/layui.css?v=${FILE_VERSION}" media="all">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layuiadmin/style/admin.css?v=${FILE_VERSION}" media="all">
</head>
<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-card-header">角色管理</div>
			<div class="layui-card-body">
				<div class="layui-form layer-query">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">角色名称：</label>
							<div class="layui-input-inline">
								<input type="text" id="name" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<button class="layui-btn layui-btn-primary layui-border-green" onclick="reload()">查询</button>
						</div>
					</div>
				</div>
				<hr class="layui-bg-green">
				<table class="layui-table" lay-filter="tableList" id="layerTable">
				</table>
			</div>
		</div>
	</div>

	<script type="text/html" id="toolbar">
		<div class="layui-btn-container">
			<button class="layui-btn layui-btn-primary layui-border-blue" onclick="addLayer('/sys/role/add/input');">新增</button>
			<button class="layui-btn layui-btn-primary layui-border-blue" onclick="modi('/sys/role/edit/input');">编辑</button>
			<button class="layui-btn layui-btn-primary layui-border-red" onclick="deleteBatch('/sys/role/del/deleteByIds');">删除</button>
		</div>
	</script>

	<script type="text/html" id="dateTpl">
		{{  new Date(d.dateCreate).format("yyyy-MM-dd hh:mm:ss") }}
	</script>

	<script type="text/html" id="barDemo">
		<a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs" lay-event="edit">编辑</a>
		<a class="layui-btn layui-btn-primary layui-border-red layui-btn-xs" lay-event="del">删除</a>
		<a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs" lay-event="setAuthority">设置权限</a>
	</script>
  
</div>
<script src="${pageContext.request.contextPath}/static/js/common-2.0.0.js?v=${FILE_VERSION}"></script>
<script src="${pageContext.request.contextPath}/static/layuiadmin/layui/layui.js?v=${FILE_VERSION}"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.3.1.min.js?v=${FILE_VERSION}"></script>
<script src="${pageContext.request.contextPath}/static/js/common/core-2.0.0.js?v=${FILE_VERSION}"></script>
<script>
var table,layer;
layui.use(['table','element','layer'], function(){
	layer = layui.layer;
    table = layui.table;
    table.render({ //其它参数在此省略
		elem : '#layerTable',
	    even :"true",
		toolbar: '#toolbar',
		defaultToolbar: ['filter', 'exports', 'print'],
		limit: 10,
		limits: [10,30,50,100],
		id: 'tableList',
		url: getContextPath() + '/sys/role/list/listInfo',
		page:true,
		method: 'post', //如果无需自定义HTTP类型，可不加该参数
		cols:  [[ //标题栏
			{checkbox: true, fixed: true}
			,{field:'roleName', title:"名称",minWidth: 200}
			,{field:'roleDesp', width:200,title:"描述"}
			,{field:'userRealName', width:110,title:"用户"}
			,{field:'dateCreate', width:180,title:"创建日期" ,templet: '#dateTpl'}
			,{fixed: 'right', width:240, align:'center',title:"操作", toolbar: '#barDemo'}
		]],
		request: {
			pageName: 'current', //页码的参数名称，默认：page
			limitName: 'size' //每页数据量的参数名，默认：limit
		} //如果无需自定义请求参数，可不加该参数
	});
  
  //监听工具条
  table.on('tool(tableList)', function(obj){
    var data = obj.data;
    if(obj.event === 'del'){
		deleteById(data,obj,'/sys/role/del/deleteById');
    } else if(obj.event === 'edit'){
		addLayer('/sys/role/edit/input', data.id);
    }else if(obj.event === 'setAuthority'){
    	setAuthority(data.id);
    }
  });
});

function reload(){
  	table.reload('tableList', {
	 	where: {
		  "name" : $('#name').val()
       }
  	});
}

function setAuthority(id){
	var url  = getContextPath() +  '/sys/role/add/setAuthority?roleId=' + id ;
	layer.open({
	  title : "设置权限",
	  type: 2,
	  area: ['500px', '90%'],
	  anim: 2,
	  content: [url, 'yes']
	});
}
</script>
</body>
</html>